<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>冬奥共享学习</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
		<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<script type="text/javascript" src="../../plugin/browerVersion/browerVersion.js"></script>
		<link rel="stylesheet" href="../../../skin/opwg/style.css" />
		<link rel="stylesheet" href="../../plugin/bootstrap/bootstrap.min.css" />
		<link rel="stylesheet" href="../../skin/css/normalize.css" />
		<link rel="stylesheet" href="../../skin/fonts/iconfont.css" />
		<link rel="stylesheet" href="meetingTheme.css" />
		<link rel="stylesheet" href="../../skin/css/style.css" />
		<script type="text/javascript" src="../../plugin/jquery/jquery-1.12.1.js"></script>
		<script type="text/javascript" src="../../plugin/bootstrap/bootstrap.min.3.3.5.js"></script>
		<script type="text/javascript" src="../../plugin/jquery/jquery.form.min.js"></script>
		<script type="text/javascript" src="../../plugin/hivelearncommon.js"></script>
	</head>

	<body class="body">
		<div class="header-warpper">
			<div class="header">
				<div class="logo">
					<div class="col-sm-2 logo-img">
					<!-- <img class="mr-10" src="../../skin/img/honeycombIco.png" />
					<img class="pt-5" src="../../skin/img/honeycombLearningIco.png" /> -->
					<img class="pt-5" src="../../skin/img/gxxxlogo1.png" />
					</div>
					<div class="col-sm-10"></div>
				</div>
				<div class="rightInfo">
					<!-- <input class="search" />
					<span class="searchIco"></span> -->
					<!-- <span class="userInfo">YC</span> -->
					<span class="menu" title="首页" onclick="javascirpt:window.location.href='../../../hivelearnweb/portal/homePage/homePage.html'"></span>
				</div>
			</div>
		</div>
		<div style="clear:both;"></div>
		<div class="container body-container">
			<div class="contentGroup col-sm-3">
				<div class="st-back">
					<span style="cursor:pointer;" onclick="toShareLearning()"><span class="iconfont icon-left"></span>返回上级</span>
				</div>
				<div class="groupImg">
					<img src="../../skin/img/empty-img.png" />
					<span class="dropdown-toggle glyphicon glyphicon-cog" id="dropdownGroup" data-toggle="dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
					</span>
					<ul class="dropdown-menu groupMenu" aria-labelledby="dropdownGroup">
						<li class="item groupupdate" onclick="updateGroup()">更新群组</li>
						<li class="item groupsetting" onclick="findGroupSetting()">设置群组</li>
						<li class="item" onclick="aboutGroup()">关于</li>
						<li class="item groupdelete" onclick="delGroup()">删除群组</li>
					</ul>
				</div>
				<div class="groupTitle">
					<span class="groupName"></span>
					<span class="groupCreateDate"></span>
				</div>
				<div class="groupTab">
					<div class="tabItem" onclick="activitylist();">
						活动信息
					</div>
					<div class="tabItem active">
						会议主题
					</div>
					<div class="tabItem peopleview" onclick="peoplelist();">
						参与人员
					</div>
				</div>
			</div>
			<div class="contentList col-sm-9">
				<div class="title">
					<h1>
						<!-- <span class="js-heading-dept">人力资源部</span> -->
						<span class="js-heading-num"></span>
						<span class="js-heading-label">主题</span>
						<span class="js-heading-total top-heading__total hide"></span>
					</h1>
					<div class="addDiv topiccreate">
						<span class="addGroup" onclick="addTopic()">+</span>
						<span class="addGroupInfo">新建主题</span>
					</div>
				</div>
				<div class="contentFilter">
					<div class="filterItemSort">
						<span>排序：</span>
						<span class="sortItem">
							<!-- <span class="selSort">最近访问</span>
							<span class="sortIco glyphicon glyphicon-chevron-down"></span>
							<ul class="sortList">
								<li class="item active" value="sort_visit">最近访问</li>
								<li class="item" value="sort_create">创建日期</li>
								<li class="item" value="sort_name">名称</li>
							</ul> -->
							<span class="dropdown-toggle" id="dropdownSort" data-toggle="dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
								<span class="selSort">创建日期</span>
								<span class="sortIco glyphicon glyphicon-chevron-down"></span>
							</span>
							<ul class="dropdown-menu sortList" aria-labelledby="dropdownSort">
								<li class="item active" value="sort_create">创建日期</li>
								<li class="item" value="sort_visit">最近访问</li>
								<li class="item" value="sort_name">名称</li>
							</ul>
						</span>
					</div>
				</div>
				<div class="contentWrapper" id="topic">
						
						<!-- <div class="col-sm-4 cardItem">
							<div class="cardItem_">
								<div class="cardImg">
									<div class="col-sm-8 bigImg">
										<img src="../../skin/img/empty-img.png" />
									</div>
									<div class="col-sm-4 smImg">
										<img src="../../skin/img/itemImg02.jpg"/>
										<img src="../../skin/img/itemImg03.jpg"/>
									</div>
								</div>
								<div class="cardInfo">
									<span class="cardTitle">OCOG IKM Workshop</span>
									<span class="cardsNum">5Cards</span>
									<span class="glyphicon glyphicon-option-vertical"></span>
									<ul class="cardOperating">
										<li class="item">修改</li>
										<li class="item">复制</li>
										<li class="item">分享</li>
										<li class="item">删除</li>
									</ul>
								</div>
							</div>
						</div>
						<div class="col-sm-4 cardItem">
							<div class="cardItem_">
								<div class="cardImg">
									<div class="col-sm-8 bigImg">
										<img src="../../skin/img/empty-img.png" />
									</div>
									<div class="col-sm-4 smImg">
										<img src="../../skin/img/itemImg02.jpg"/>
										<img src="../../skin/img/itemImg03.jpg"/>
									</div>
								</div>
								<div class="cardInfo">
									<span class="cardTitle">北京冬奥组委OGKM系列研讨会（2017年6月）</span>
									<span class="cardsNum">3Cards</span>
									<span class="glyphicon glyphicon-option-vertical"></span>
									<ul class="cardOperating">
										<li class="item">修改</li>
										<li class="item">复制</li>
										<li class="item">分享</li>
										<li class="item">删除</li>
									</ul>
								</div>
							</div>
						</div> -->
				</div>
			</div>
			
			<div style="clear:both;"></div>
		</div>
		<div class="footer">
			<div class="container">
				<div class="copyrightInfo">
					<span>版权©北京2022年冬奥会和冬残奥会组织委员会</span>
					<span>Beijing Organising Committee for the 2022 Olympic and Paralympic Winter Games All Rights Reserved</span>
					<span>京ICP备05014028号-2</span>
				</div>
				<div class="linkFlag">
					<a class="vendor-logo" id="vendor-weixin">
		            	<div class="erweima">
			            <span class="left-tri"></span>
				            <img src="http://mat1.gtimg.com/bj2022/winter-olympic-2022/dongaoweixin.jpg" alt="">
				        </div>
		            </a>
		            <a class="vendor-logo" id="vendor-weibo"  href="http://weibo.com/u/5980037952?refer_flag=1001030101_&amp;is_hot=1#_loginLayer_1469943377816" target="_blank">
		            </a>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="meetingTheme.js"></script>
		<script type="text/javascript" src="../../plugin/hivelearncommon.js"></script>
		<script type="text/javascript" src="../meetingList/meetingEdit.js"></script>
		<script type="text/javascript" src="../../plugin/underscore/underscore-min.js"></script>
		<!-- 主题 -->
		<script type="text/template" id="topicTpl">
			<%if(resultList.length==0){%>
				<div style="text-align:center;font-size: 20px;margin-top: 70px;">暂无主题！</div>
			<%}else{%>
				<% _.each(resultList,function(item,count){%>
						<div class="col-sm-4 cardItem">
							<div class="cardItem_">
								<div class="cardImg" onclick="toTopicDetails('<%=item.topicId%>')">
									<div class="col-sm-8 bigImg">
										<%if(item.topicCover){%>
											<img src="../../../components/gtattachment/open/downloadAttachment.json?attachmentId=<%=item.topicCover%>"/>
										<%}else if(item.firstCardCover){%>
											<img src="../../../components/gtattachment/open/downloadAttachment.json?attachmentId=<%=item.firstCardCover%>"/>
										<%}%>
									</div>
									<div class="col-sm-4 smImg">
										<div class="img_mini">
											<!--first-->
											<%if(item.firstCardCover&&item.topicCover){%>
												<img src="../../../components/gtattachment/open/downloadAttachment.json?attachmentId=<%=item.firstCardCover%>"/>
											<%}else if(!item.topicCover&&item.secondCardCover){%>
												<img src="../../../components/gtattachment/open/downloadAttachment.json?attachmentId=<%=item.secondCardCover%>"/>
											<%}%>
										</div>
										<div class="img_mini">
											<!--seacond-->
											<%if(item.thirdCardCover&&!item.topicCover){%>
												<img src="../../../components/gtattachment/open/downloadAttachment.json?attachmentId=<%=item.thirdCardCover%>"/>
											<%}else if(item.secondCardCover&&item.topicCover){%>
												<img src="../../../components/gtattachment/open/downloadAttachment.json?attachmentId=<%=item.secondCardCover%>"/>
											<%}%>
										</div>
									</div>
								</div>
								<div style="clear:both;"></div>
								<div class="cardInfo">
									<span class="cardTitle" title="<%=item.topicTitle%>"><%if(item.topicType==2){%><img class="nopublic" src="../../skin/img/nopublic.png"/>&nbsp;<%}%><%=item.topicTitle%></span>
									<span class="cardsNum"><%=item.cardNum%>Cards</span>
									<span class="dropdown-toggle glyphicon glyphicon-option-vertical hideColumn" id="dropdown_<%=item.topicId%>" data-toggle="dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
									</span>
									<ul class="dropdown-menu cardOperating" aria-labelledby="dropdown_<%=item.topicId%>">
										<li class="item topicedit" onclick="updateTopic('<%=item.topicId%>')">修改</li>
										<li class="item topicsave" onclick="copyTopic('<%=item.topicId%>')">复制</li>
										<li class="item topicshare" onclick="shareTopic('<%=item.topicId%>')">分享</li>
										<li class="item topicdelete" onclick="deleteTopic('<%=item.topicId%>')">删除</li>
									</ul>
								</div>
							</div>
						</div>
				<%})%>
			<%}%>
		</script>
		<!-- 群组list -->
		<script type="text/template" id="groupTpl">
			<%if(resultList.length==0){%>
				<li class="no-data">暂无数据！</li>
			<%}else{%>
				<% _.each(resultList,function(item,count){%>
								<li class="list-item">
							    	<div class="item-content">
							        	<div class="item-img">
				                    	<%if(item.groupCover){%>
											<img src="../../../components/gtattachment/open/downloadAttachment.json?attachmentId=<%=item.groupCover%>"/>
										<%}else{%>
											<img src="../../skin/img/empty-img.png" />
										<%}%>
							        	</div>
						                 <div class="item-title"><%=item.groupName%></div>
					          			<div class="item-btn"><span class="saveBtn" onclick="saveCopyTopic('<%=item.groupId%>')"><span class="glyphicon glyphicon-plus"></span>保存</span></div>
						                <div style="clear:both;"></div>
					                </div>
							    </li>
				<%})%>
			<%}%>
		</script>
		<!-- 群组list -->
		<script type="text/template" id="shareGroupTpl">
			<%if(resultList.length==0){%>
				<li class="no-data">暂无数据！</li>
			<%}else{%>
				<% _.each(resultList,function(item,count){%>
								<li class="list-item <%if(item.hasRole==0){%>is-disable<%}%>">
							    	<div class="item-content">
							        	<div class="item-img">
				                    	<%if(item.groupCover){%>
											<img src="../../../components/gtattachment/open/downloadAttachment.json?attachmentId=<%=item.groupCover%>"/>
										<%}else{%>
											<img src="../../skin/img/empty-img.png" />
										<%}%>
							        	</div>
						                <div class="item-title"><%=item.groupName%></div>
					          			<div class="item-btn">
											<span class="saveBtn" <%if(item.hasRole!=0){%>onclick="saveShareTopic('<%=item.groupId%>')"<%}%>><span class="glyphicon glyphicon-plus"></span>保存</span>
										</div>
						                <div style="clear:both;"></div>
					                </div>
							    </li>
				<%})%>
			<%}%>
		</script>
		<!-- 模态框（Modal） -->
		<div class="modal fade" id="delModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		    <div class="modal-dialog">
		        <div class="modal-content">
		            <div class="modal-body msg">确定要删除当前的主题吗？</div>
		            <div class="modal-footer" style="text-align:center;border-top-width: 0px;">
		                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
		                <button type="button" class="btn btn-primary confirm" onclick="delTopic()">确定</button>
		            </div>
		        </div><!-- /.modal-content -->
		    </div><!-- /.modal-dialog -->
		</div>
		<!-- /.modal -->
		<!-- 复制（Modal） -->
		<div class="modal fade copyModal" id="copyModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		    <div class="modal-dialog">
		        <div class="modal-content">
	            	<div class="col-sm-6 left-content">
	            		<div>
	            			<h3 class="title"></h3>
	            		</div>
	            		<div class="topicInfo">
	            			<div class="topicImg"></div>
	            			<div class="titleDiv">
	            				<span class="topicTitle"></span>
	            				<span class="glyphicon glyphicon-pencil updateTitleBtn" title="修改标题" onclick="toUpdateTitle(this)"></span>
	            			</div>
	            		</div>
	            	</div>
	            	<div class="col-sm-6 right-content">
	            		<div class="right-content-list">
		            		<div class="right-top col-sm-12">你想复制到哪里?</div>
		            		<div class="right-search col-sm-12">
		            			<div class="right-search-input">
			            			<input type="text" id="copyQueryName"/><span class="glyphicon glyphicon-search input-search"></span>
		            			</div>
		            		</div>
		            		<div class="right-list col-sm-12">
		            			<ul class="list" id="grouplist">
								   <!--  <li class="list-item">
								    	<div class="item-content">
								        	<div class="item-img">
					                    		<img src="../../skin/img/empty-img.png" />
								        	</div>
							                <div class="item-title">标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题</div>
							                <div class="item-btn"><span class="saveBtn"><span class="glyphicon glyphicon-plus"></span>保存</span></div>
							                <div style="clear:both;"></div>
						                </div>
								    </li> -->
							    </ul>
		            		</div>
		            		<div class="modal-footer">
		            			<div class="cancel">
		                			<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
		            			</div>
		            		</div>
		            	</div>
		            	<div style="clear:both;"></div>
		            	<div class="right-content-edit">
		            		<div class="right-top col-sm-12">你想复制到哪里?</div>
		            		<div style="clear:both;"></div>
		            		<div class="updateTopic">
			            		<label class="topic-title">修改主题标题</label>
			            		<div class="updateTitle">
			            			<input id="updateTopicTitle" maxlength="40"/>
			            		</div>
			            		<div class="error-msg"></div>
		            		</div>
		            		<div class="modal-footer">
		            			<div class="share-btn">
		            				<span class="glyphicon glyphicon-menu-left arrow"></span>
		            				<button type="button" class="btn btn-primary confirm" onclick="saveShareTopic()">分享</button>
		            			</div>
		            		</div>	
		            	</div>
	            	</div>
		        </div><!-- /.modal-content -->
		    </div><!-- /.modal-dialog -->
		</div>
		<!-- 提示框 -->
		<div class="modal fade" id="msgModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		    <div class="modal-dialog">
		        <div class="modal-content">
		            <div class="modal-body msg"></div>
		            <div class="modal-footer" style="text-align:center;border-top-width: 0px;">
		                <button type="button" class="btn btn-primary confirm" data-dismiss="modal">确定</button>
		            </div>
		        </div><!-- /.modal-content -->
		    </div><!-- /.modal-dialog -->
		</div>
		<!-- /.modal -->
		
		
		
		
		
		
		
		<!-- 群组设置开始 -->
		<!-- 提示框 -->
		<div class="modal fade" id="groupMsgModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		    <div class="modal-dialog">
		        <div class="modal-content">
		            <div class="modal-body msg">确定要删除当前群组吗？</div>
		            <div class="modal-footer" style="text-align:center;border-top-width: 0px;">
		                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
		                <button type="button" class="btn btn-primary confirm" data-dismiss="modal" onclick="deleteGroup()">确定</button>
		            </div>
		        </div><!-- /.modal-content -->
		    </div><!-- /.modal-dialog -->
		</div>
		<!--
        	创建第二步模态框
        -->
        <div class="modal fade" id="groupInfoModal" tabindex="-1" role="dialog" aria-labelledby="groupInfoModalLabel" aria-hidden="true" data-backdrop="static">
		  <div class="modal-dialog" role="document">
		    <div class="modal-content">
		      <div class="modal-body" style="padding: 10px 15px;">
		      	<form id="uploadGroupForm" method="post" enctype="multipart/form-data">
					<input type="file" id="groupfile" name="file" accept="image/*" onchange ="commoncheckfile(this,'uploadGroupForm',uploadGroupFile,'.png,.jpg,.gif',50)" style="display:none;">
				</form>
		        <div class="groupUpdateImg">
		        	<span class="glyphicon glyphicon-camera uploadBtn"></span>
		        </div>
		        <form id="updateGroupInfo">
		        <div style="height:293px;">
		        <div class="groupUpdateTitle">群组名称</div>
		        <!-- <div contenteditable="true" class="editText groupName" id="groupName"></div> -->
		        <input type="text" maxlength="200" class="groupName" id="groupName" name="groupName"/><span class="error-msg"></span>
		        <div class="groupUpdateTitle">关于组</div>
		        <!-- <div contenteditable="true" class="editText groupDes" id="groupDes"></div> -->
		        <textarea class="editText groupDes" id="groupDes" maxlength="200"></textarea>
		        <input type="hidden" name="ORCHID_WEB_TOKEN"/>
          		<input type="hidden" name="groupCover"/>
          		<input type="hidden" name="groupId"/>
          		<input type="hidden" name="aboutGroup"/>
          		</div>
          		</form>
		      </div>
		      <div class="modal-footer">
		        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
		        <button type="button" class="btn btn-primary" onclick="updateGroupInfo()">保存</button>
		      </div>
		    </div>
		  </div>
		</div>
		<!--
        	配置组
        -->
        <form id="groupForm">
        <div class="modal fade" id="groupConfModal" tabindex="-1" role="dialog" aria-labelledby="groupConfModalLabel" aria-hidden="true" data-backdrop="static">
          <input type="hidden" name="ORCHID_WEB_TOKEN"/>
          <input type="hidden" name="groupId"/>
		  <div class="modal-dialog" role="document">
		    <div class="modal-content">
		      <div class="modal-header">
		        <h4 class="modal-title" id="myModalLabel">设置组</h4>
		      </div>
		      <div class="modal-body group-modal-body" style="padding: 0;">
		       <!--  <div class="confTile">为新成员选择默认角色</div>
		        <div class="roleChange">
		        	<label><input name="defaultRole" type="radio" value="2" />&nbsp;评论者 </label> 
		        	<div class="fDiv commenterRole">新成员可以查看，评论，分享，保存，下载，查看人，创建帖子。</div>
		        	<label><input name="defaultRole" type="radio" value="1" checked/>&nbsp;人员 </label> 
		        	<div class="editorRole">新成员可以查看，评论，编辑，创建，删除，移动，分享，保存，下载，查看人，创建帖子。</div>
		        </div> -->
		        <div class="confTile">定义角色权限</div>
		        <div class="rolePer">
		        	<span class="glyphicon glyphicon-share-alt">分享、&nbsp;</span>
		        	<span class="glyphicon glyphicon-floppy-disk">保存、&nbsp;</span>
		        	<span class="glyphicon glyphicon-download-alt">下载</span>
		        	<div>选择谁可以将主题和卡片保存到自己的个人空间中或将其分享到另一个组。</div>
		        	<span class="sortItem">
						<!-- <span class="js_sel_1">所有人</span>
						<span class="js_sel_1Ico glyphicon glyphicon-chevron-down"></span>
						<ul class="js_sel_1List ">
							<li class="item">仅自己</li>
							<li class="item">管理员和自己</li>
							<li class="item">编辑、管理员和自己</li>
							<li class="item active">所有人</li>
						</ul> -->
						<input class="roleItem" type="hidden" name="sharesavedownload" value="4"/>
						<span class="dropdown-toggle" id="dropdownList1" data-toggle="dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
							<span class="js_sel_1 itemName">所有人</span>
							<span class="js_sel_1Ico glyphicon glyphicon-chevron-down"></span>
						</span>
						<ul class="dropdown-menu js_sel_1List" aria-labelledby="dropdownList1">
							<li class="item" value="1">仅自己</li>
							<li class="item" value="2">管理员和自己</li>
							<!-- <li class="item" value="3">编辑、管理员和自己</li> -->
							<li class="item active" value="4">所有人</li>
						</ul>
					</span>
		        </div>
		        <div class="rolePer">
		        	<span class="glyphicon glyphicon-user">人员</span>
		        	<div>选择谁可以查看组中的其他成员。 管理员将始终能够查看该组的成员。</div>
		        	<span class="sortItem">
						<!-- <span class="js_sel_2">所有人</span>
						<span class="js_sel_2Ico glyphicon glyphicon-chevron-down"></span>
						<ul class="js_sel_2List">
							<li class="item">管理员和自己</li>
							<li class="item">编辑、管理员和自己</li>
							<li class="item active">所有人</li>
						</ul> -->
						<input class="roleItem" type="hidden" name="people" value="4"/>
						<span class="dropdown-toggle" id="dropdownList2" data-toggle="dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
							<span class="js_sel_2 itemName">所有人</span>
							<span class="js_sel_2Ico glyphicon glyphicon-chevron-down"></span>
						</span>
						<ul class="dropdown-menu js_sel_2List" aria-labelledby="dropdownList2">
							<li class="item" value="2">管理员和自己</li>
							<!-- <li class="item" value="3">编辑、管理员和自己</li> -->
							<li class="item active" value="4">所有人</li>
						</ul>
					</span>
		        </div>
		        <div class="rolePer">
		        	<span class="glyphicon glyphicon-screenshot">邀请</span>
		        	<div>选择谁可以邀请其他人进入群组。</div>
		        	<span class="sortItem">
						<!-- <span class="js_sel_3">所有人</span>
						<span class="js_sel_3Ico glyphicon glyphicon-chevron-down"></span>
						<ul class="js_sel_3List">
							<li class="item">管理员和自己</li>
							<li class="item">编辑、管理员和自己</li>
							<li class="item active">所有人</li>
						</ul> -->
						<input class="roleItem" type="hidden" name="invite" value="4"/>
						<span class="dropdown-toggle" id="dropdownList3" data-toggle="dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
							<span class="js_sel_3 itemName">所有人</span>
							<span class="js_sel_3Ico glyphicon glyphicon-chevron-down"></span>
						</span>
						<ul class="dropdown-menu js_sel_3List" aria-labelledby="dropdownList3">
							<li class="item" value="2">管理员和自己</li>
							<!-- <li class="item" value="3">编辑、管理员和自己</li> -->
							<li class="item active" value="4">所有人</li>
						</ul>
					</span>
		        </div>
		        <div class="rolePer">
		        	<span class="glyphicon glyphicon-list-alt">帖子</span>
		        	<div>选择谁可以在组中创建帖子。 本组所有成员均可进行查看。</div>
		        	<span class="sortItem">
						<!-- <span class="js_sel_4">所有人</span>
						<span class="js_sel_4Ico glyphicon glyphicon-chevron-down"></span>
						<ul class="js_sel_4List">
							<li class="item">仅自己</li>
							<li class="item">管理员和自己</li>
							<li class="item">编辑、管理员和自己</li>
							<li class="item active">所有人</li>
						</ul> -->
						<input class="roleItem" type="hidden" name="posts" value="4"/>
						<span class="dropdown-toggle" id="dropdownList4" data-toggle="dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
							<span class="js_sel_4 itemName">所有人</span>
							<span class="js_sel_4Ico glyphicon glyphicon-chevron-down"></span>
						</span>
						<ul class="dropdown-menu js_sel_4List" aria-labelledby="dropdownList4">
							<li class="item" value="1">仅自己</li>
							<li class="item" value="2">管理员和自己</li>
							<!-- <li class="item" value="3">编辑、管理员和自己</li> -->
							<li class="item active" value="4">所有人</li>
						</ul>
					</span>
		        </div>
		        <!-- <div class="rolePer">
		        	<span class="glyphicon glyphicon-equalizer">分析</span>
		        	<div>选择谁能看到群组的分析。</div>
		        	<span class="sortItem">
						<input class="roleItem" type="hidden" name="analytics" value="4"/>
						<span class="dropdown-toggle" id="dropdownList5" data-toggle="dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
							<span class="js_sel_5 itemName">所有人</span>
						<span class="js_sel_5Ico glyphicon glyphicon-chevron-down"></span>
						</span>
						<ul class="dropdown-menu js_sel_5List" aria-labelledby="dropdownList5">
							<li class="item" value="1">仅自己</li>
							<li class="item" value="2">管理员和自己</li>
							<li class="item" value="3">编辑、管理员和自己</li>
							<li class="item active" value="4">所有人</li>
						</ul>
					</span>
		        </div>
		        <div class="rolePer">
		        	<span >@其他人</span>
		        	<div>成员可以在组内@其他人。</div>
		        	<span class="sortItem">
						<input class="roleItem" type="hidden" name="mention" value="4"/>
						<span class="dropdown-toggle" id="dropdownList6" data-toggle="dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
							<span class="js_sel_6 itemName">所有人</span>
							<span class="js_sel_6Ico glyphicon glyphicon-chevron-down"></span>
						</span>
						<ul class="dropdown-menu js_sel_6List" aria-labelledby="dropdownList6">
							<li class="item" value="1">仅自己</li>
							<li class="item active" value="4">所有人</li>
						</ul>
					</span>
		        </div>
		        <div class="rolePer">
		        	<div>成员可以使用@Group来提及整个组。</div>
		        	<span class="sortItem">
						<input class="roleItem" type="hidden" name="mentiongroup" value="4"/>
						<span class="dropdown-toggle" id="dropdownList7" data-toggle="dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
							<span class="js_sel_7 itemName">所有人</span>
							<span class="js_sel_7Ico glyphicon glyphicon-chevron-down"></span>
						</span>
						<ul class="dropdown-menu js_sel_7List" aria-labelledby="dropdownList7">
							<li class="item" value="1">仅自己</li>
							<li class="item active" value="4">所有人</li>
						</ul>
					</span>
		        </div> -->
		      </div>
		      <div class="modal-footer">
		        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
		        <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="updateGroupSetting()">保存</button>
		      </div>
		    </div>
		  </div>
		</div>
		</form>
		
		
		<!--
        	关于
        -->
        <div class="modal fade" id="aboutGroupModal" tabindex="-1" role="dialog" aria-labelledby="aboutGroupModalLabel" aria-hidden="true" data-backdrop="static">
		  <div class="modal-dialog" role="document">
		    <div class="modal-content">
		      <div class="modal-body" style="padding: 0">
		      	<div style="padding:10px 15px;">
		      	<div><h3 style="display:inline-block;">关于组</h3><span class="glyphicon glyphicon-remove" style="float:right;cursor:pointer" data-dismiss="modal"></span></div>
		      	<div style="font-size: 14px;min-height: 24px;color:#7d7d7d" class="aboutGroupInfo">这个组还没有描述。</div>
		      	<div style="font-size: 17px;min-height: 28px;" class="GroupCreateInfo"></div>
		      	<div style="font-size: 17px;min-height: 28px;" class="GroupRoleInfo"></div>
		      	<div style="font-size: 17px;min-height: 28px;" class="currentRoleInfo"></div>
		      	</div>
		      	<div style="background-color:#cdcdcd;font-size:16px;line-height:25px;padding-left:15px;">组中角色介绍</div>
		        <div class="roleChange">
		        	<!-- <div class="selectRoleItem">
			        	<label>&nbsp;评论者
			        	<div class="commenter"></div>
			        	 </label>
		        	</div> -->
		        	<div class="selectRoleItem">
			        	<label>&nbsp;人员  
			        	<div class="editor"></div>
			        	</label>
		        	</div>
		        	<!-- <div class="selectRoleItem">
			        	<label>&nbsp;观看者  
			        	<div class="viewer"></div>
			        	</label>
		        	</div> -->
		        	<div class="selectRoleItem">
			        	<label>&nbsp;管理者
			        	<div class="admin"></div>
			        	</label>
		        	</div>
		        	<div class="selectRoleItem">
			        	<label>&nbsp;创建者
			        	<div class="creater"></div>
			        	</label>
		        	</div>
		        </div>
		      </div>
		    </div>
		  </div>
		</div>
		<!-- 群组设置结束 -->
</html>